/*
Theme Name: Binya Theme
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}


html { height:100%;}

body { height:100%; color:#fff; background-color:#40291c; text-align:center;}

ul,li { list-style:none;}
img { border:none; vertical-align:bottom;}
table{ border-collapse:collapse; empty-cells:show; border-spacing:0;}

#wrap { width:100%; height:100%; min-height:100%; text-align:left; margin: 0 auto;}

.wrapBg { background:url(../images/wrap_bg.png) repeat-y;}

body > #wrap { height:auto;}

a:link { color:#fff; text-decoration:none;}
a:visited { color:#fff; text-decoration:none;}
a:hover { color:#ea5504; text-decoration:none;}
a:active { color:#ea5504; text-decoration:none;}


/* Header
--------------------------------------------------*/
#header { width:100%; height:130px; background:#40291c url(../images/hd_bg.gif) repeat-x; margin:0 auto;}

#header .container { width:900px; height:130px; margin:0 auto;}
#header .container #logo { float:left; width:220px; text-align:right;}
#header .container #gm { float:left; width:680px;}
#header .container #gm ul { text-align:right; padding:30px 11px 0 0;}
#header .container #gm li { float:right; font-size:78%; padding-left:24px;}
#header .container #gm p { font-size:78%; text-align:right; padding:60px 11px 0 0;}



/* Footer
--------------------------------------------------*/
#footer { width:100%; height:415px; background:url(../images/ft_bg.jpg) repeat-x; color:#231815; margin:-415px auto 0 auto; position:relative;}
#footer .container { width:900px; text-align:left; margin:0 auto;}
#footer .container #oshirase { float:left; width:457px;}
#footer .container #osusume { float:left; width:443px;}
#footer .container table { width:443px; margin-top:20px; font-size:76%; line-height:1.5;}
#footer .container th,
#footer .container td { vertical-align:top; padding-bottom:15px;}
#footer .container th { width:80px;}
#footer .container td { width:363px;}
#footer .container #osusume .photo { text-align:left;}
#footer .container #osusume .photo ul { width:440px; margin-top:20px;}
#footer .container #osusume .photo li { float:left; padding-right:10px;}
#footer .container #osusume .photo img { width:90px;}
#footer .container #osusume .photo a { width:90px; display:block; border:#fff solid 5px;}
#footer .container #osusume .photo a:hover { border:#f39700 solid 5px;}
#footer .container #osusume .text { text-align:left; padding-top:7px;}
#footer .container #osusume .text ul { float:left; width:210px; padding-right:10px;}
#footer .container #osusume .text li { padding:3px 0;}
#footer .container #osusume .text { font-size:78%;}
#footer a:link { color:#231815; text-decoration:none;}
#footer a:visited { color:#231815; text-decoration:none;}
#footer a:hover { color:#ea5504; text-decoration:none;}
#footer a:active { color:#ea5504; text-decoration:none;}



/* Top main image
--------------------------------------------------*/
#topMain { width:900px; height:320px; padding-bottom:15px; margin:0 auto;}
#topMain #topMainSlide { width:880px; height:320px; margin:0 auto;}



/* Top contents
--------------------------------------------------*/
#topContents { width:900px; padding-bottom:415px; margin:0 auto;}

#topContents ul { width:880px; padding-bottom:80px; margin:0 auto;}
#topContents li { float:left; width:210px;}
#topContents li.liA { margin-right:13px;}
#topContents li.liB { margin-right:14px;}
#topContents .link { width:210px; height:30px; background:url(../images/top_menu_bg.gif) no-repeat;}
#topContents .link p { font-size:80%; font-weight:bold; padding-top:8px;}
#topContents .text p { font-size:78%; color:#fff; text-align:left; line-height:1.5; padding-top:5px;}



/* Second contents
--------------------------------------------------*/
#secContents { width:900px; padding-bottom:415px; margin:0 auto;}

/* header pattern 1 */
#hdImage01 { width:900px; height:320px; padding-bottom:15px; margin:0 auto;}
#hdImage01 .photo { width:880px; height:320px; margin:0 auto;}

/* header pattern 2 */
#hdImage02 { width:900px; height:10px; padding-bottom:15px; padding-bottom:50px; margin:0 auto;}
#hdImage02 .photo { width:880px; height:10px; font-size:0; margin:0 auto;}


/* アーカイブ */
/* メニュー（archive-menu）・お持ち帰り商品（archive-takeout）・贈答品（archive-gift） */
#archive01 { padding-bottom:50px;}
#archive01 h2 { width:800px; height:44px; background:url(../images/archive_bg_01.gif) no-repeat; margin:0 auto;}
#archive01 h2 p.h2P { font-size:90%; padding:14px 0 0 0px;}
#archive01 .h3Box { width:800px; height:28px; background:url(../images/archive_bg_02.gif) no-repeat; margin:20px auto 0 auto;}
#archive01 .h3Box .text { float:left; width:771px;}
#archive01 .h3Box .btn { float:left; width:29px; text-align:right;}
#archive01 h3 { font-size:90%; padding:5px 0 0 0px;}
#archive01 h3.select { color:#f8b62d;}
#archive01 .link  { width:800px; margin:0 auto;}
#archive01 .link p { font-size:78%; padding-top:10px;}
#archive01 .text  { width:800px; margin:0 auto;}
#archive01 .text p { font-size:78%; line-height:1.5; padding-top:7px;}
#archive01 .block { padding-bottom:30px;}
#archive01 .item ul { width:810px; letter-spacing: -.40em; margin:0 auto;}
#archive01 .item li { display:inline-block; vertical-align:top; letter-spacing:normal; padding:15px 6px 0 6px;}
#archive01 .item p { width:150px; font-size:78%; padding-top:10px;}
#archive01 .item li { _display:inline; _zoom:1;}/* IE6 */
*:first-child+html #archive01 .item li { display:inline; zoom:1;}/* IE7 */


/* お知らせ（archive-news） */
#archive02 { padding-bottom:50px;}
#archive02 h2 { width:800px; height:44px; background:url(../images/archive_bg_01.gif) no-repeat; margin:0 auto;}
#archive02 h2 p.h2P { font-size:90%; padding:14px 0 0 0px;}
#archive02 table.news { width:800px; margin:30px auto 0 auto;}
#archive02 table.news p { font-size:80%; line-height:1.5; text-align:left; padding:20px 0;}
#archive02 table.news td.line { width:800px; height:3px; font-size:0;}
#archive02 table.news th { width:150px;}
#archive02 table.news td { width:650px;}
#archive02 #pageNavi { width:800px; margin:20px auto 0 auto;}
#archive02 #pageNavi .prev { float:left; width:400px; text-align:left;}
#archive02 #pageNavi .next { float:left; width:400px; text-align:right;}
#archive02 #pageNavi p { font-size:80%; width:400px;}


/* 店舗情報（archive-shop） */
#archive03 { padding-bottom:50px;}
#archive03 h2 { width:800px; height:44px; background:url(../images/archive_bg_01.gif) no-repeat; margin:0 auto;}
#archive03 h2 p.h2P { font-size:90%; padding:14px 0 0 0px;}
#archive03 .container { width:800px; margin:0 auto;}
#archive03 .block { width:700px; margin-top:30px;}
#archive03 .block .photo { float:left; width:330px; text-align:left; padding-bottom:20px;}
#archive03 .block .text { float:left; width:370px;}
#archive03 h3 { width:350px; height:27px; background:url(../images/archive_bg_03.gif) no-repeat;}
#archive03 h3 p.h3P { padding:2px 0 0 0px;}
#archive03 table { width:350px;}
#archive03 th { width:2%; font-weight:normal; white-space:nowrap; padding-right:5px;}
#archive03 td.td1 { width:1%; font-weight:normal; white-space:nowrap; padding-right:5px;}
#archive03 td.td2 { width:97%; font-weight:normal;}
#archive03 th,
#archive03 td { font-size:78%; line-height:1.5; text-align:left; vertical-align:top; padding-top:5px;}
#archive03 .btn { margin:15px 0 30px 0;}
#archive03 .line { width:700px; height:4px; font-size:0;}


/* 求人情報（archive-recruit） */
#archive04 { padding-bottom:30px;}
#archive04 h2 { width:800px; height:44px; background:url(../images/archive_bg_01.gif) no-repeat; margin:0 auto;}
#archive04 h2 p.h2P { font-size:90%; padding:14px 0 0 0;}
#archive04 .container { padding-bottom:20px;}
#archive04 .block { width:800px; background-color:#eae5e0; margin:30px auto 0 auto;}
#archive04 .block ul { width:700px; padding:35px 0 50px 0; margin:0 auto;}
#archive04 .block li { background:url(../images/single_bg_07.gif) 0 bottom no-repeat;}
#archive04 .block p { color:#231815;}
#archive04 .block p.title { font-size:90%; font-weight:bold; padding:15px 0 10px 0;}
#archive04 .block p.contents { font-size:90%; padding-bottom:10px;}
#archive04 .block p.notes { font-size:78%; padding-bottom:15px;}
#archive04 p.recruitStop { font-size:90%; color:#fff; text-align:center; padding-top:30px;}


/* 詳細ページ */
/* メニュー（single-menu）・お持ち帰り商品（single-takeout）・贈答品（single-gift） */
#single01 { padding-bottom:50px;}
#single01 #bread { width:800px; height:44px; background:url(../images/single_bg_01.gif) no-repeat; margin:0 auto 30px auto;}
#single01 #bread p { font-size:78%; font-weight:normal; padding-top:14px;}
#single01 .item { width:800px; margin:0 auto;}
#single01 .photo { float:left; width:450px;}
#single01 .photo #mainImage { width:400px;}
#single01 .photo #mainImage img { width:400px;}
#single01 .photo #subImage { width:400px;}
#single01 .photo #subImage li { width:200px; display:inline-block; vertical-align:top; letter-spacing:normal;}
#single01 .photo #subImage li.right { text-align:right;}
#single01 .photo #subImage li { _display:inline; _zoom:1;}/* IE6 */
*:first-child+html #single01 .photo #subImage li { display:inline; zoom:1;}/* IE7 */
#single01 .photo #subImage img { width:195px; margin-top:10px;}
#single01 .text { float:left; width:350px;}
#single01 .text h2 { width:350px; height:67px; background:url(../images/single_bg_02.gif) no-repeat; font-weight:bold;}
#single01 .text p.h2P { font-size:100%; line-height:1.0; padding:25px 5px 0 0;}
#single01 .text p { font-size:78%; line-height:1.5; padding:6px 0 0 0;}
#single01 .text .midashi { width:350px; height:25px; background:url(../images/single_bg_03.gif) no-repeat; margin-top:26px;}
#single01 .text .midashi p { line-height:1.0; padding:4px 0 0 0px;}
#single01 .text p.price { font-size:140%; font-weight:bold; padding-top:30px;}
#single01 .text p.box { font-size:140%; font-weight:bold; padding-top:20px;}
#single01 .text p.comment { padding-top:10px;}
#single01 .text .btn { margin-top:30px;}


/* お知らせ（single-news） */
#single02 { padding-bottom:50px;}
#single02 h2 { width:800px; height:44px; background:url(../images/archive_bg_01.gif) no-repeat; margin:0 auto;}
#single02 h2 p.h2P { font-size:90%; padding:14px 0 0 0;}
#single02 h3 { width:800px; height:47px; background:url(../images/single_bg_04.gif) no-repeat; margin:30px auto 0 auto;}
#single02 h3 p.h3P { font-weight:bold; padding:10px 0 0 0;}
#single02 .contents { width:800px; font-size:80%; line-height:1.5; padding-top:20px; margin:0 auto;}
#single02 .contents img { width:400px; height:auto; margin-top:20px;}
#single02 #pageNavi { width:800px; background:url(../images/single_bg_05.gif) no-repeat; margin:30px auto 0 auto;}
#single02 #pageNavi .prev { float:left; width:400px; text-align:left;}
#single02 #pageNavi .next { float:left; width:400px; text-align:right;}
#single02 #pageNavi p { font-size:80%; padding-top:13px;}


/* 店舗情報（single-shop） */
#single03 { padding-bottom:50px;}
#single03 .shop { width:800px; margin:0 auto;}
#single03 .photo { float:left; width:450px;}
#single03 .photo #mainImage { width:400px;}
#single03 .photo #mainImage img { width:400px;}
#single03 .photo #subImage { width:400px;}
#single03 .photo #subImage li { width:200px; display:inline-block; vertical-align:top; letter-spacing:normal;}
#single03 .photo #subImage li.right { text-align:right;}
#single03 .photo #subImage li { _display:inline; _zoom:1;}/* IE6 */
*:first-child+html #single03 .photo #subImage li { display:inline; zoom:1;}/* IE7 */
#single03 .photo #subImage img { width:195px; margin-top:10px;}
#single03 .text { float:left; width:350px;}
#single03 .text h2 { width:350px; height:67px; background:url(../images/single_bg_02.gif) no-repeat; font-weight:bold;}
#single03 .text p.h2P { font-size:100%; line-height:1.0; padding:25px 5px 0 0;}
#single03 .text p { font-size:78%; line-height:1.5; padding:6px 0 0 0;}
#single03 .text p.comment { padding-top:10px;}
#single03 .text .btn { padding-top:10px;}
#single03 .text .btn img { margin-top:10px;}
#single03 .text .map { padding:20px 0;}
#single03 table { width:350px;}
#single03 th { width:2%; font-weight:normal; white-space:nowrap; padding-right:5px;}
#single03 td.td1 { width:1%; font-weight:normal; white-space:nowrap; padding-right:5px;}
#single03 td.td2 { width:97%; font-weight:normal;}
#single03 th,
#single03 td { font-size:78%; line-height:1.5; text-align:left; vertical-align:top; padding-top:5px;}
#single03 #vip .titleArea { margin-top:20px;}
#single03 #vip .title { width:350px; height:50px; background:url(../images/single_bg_06.gif) no-repeat;}
#single03 #vip .title p { font-size:90%; font-weight:bold; line-height:1.0; padding:17px 5px 0 0;}
#single03 #vip .room { padding-top:20px;}
#single03 #vip .room img { width:240px;}
#single03 #vip .name { font-size:100%; font-weight:bold; padding:10px 0 5px 0;}
#single03 .contact { padding-top:20px;}
#single03 .contact p.tel { font-size:140%; font-weight:bold;}



/* 固定ページ */
/* 備屋珈琲のこだわり（page-concept） */
#page01 { padding-bottom:50px;}
#page01 h2 { width:800px; height:67px; background:url(../images/page_bg_01.gif) no-repeat; margin:100px auto 0 auto;}
#page01 p.h2P { font-size:100%; font-weight:bold; line-height:1.0; text-align:center; padding:25px 5px 0 0;}
#page01 .block1 { width:700px; margin:0 auto;}
#page01 .block1 .text { float:left; width:400px}
#page01 .block1 .text p { font-size:80%; line-height:3.0; padding:20px 0 0 0;}
#page01 .block1 .photo { float:left; width:300px; text-align:right; padding-top:30px;}
#page01 img.mt10 { margin-top:10px;}
#page01 .block2 { width:700px; margin:40px auto 0 auto;}
#page01 .block2 img { float:left; margin-right:10px;}
#page01 .pageTop { width:800px; height:40px; background:url(../images/page_bg_02.gif) 0 bottom no-repeat; text-align:right; margin:0 auto;}
#page01 .pageTop img { margin-top:6px;}


/* 会社情報（page-company）・個人情報の取り扱いについて（page-privacy）・特定商取引に関する法律に基づく表示（page-mailorder） */
#page02 { padding-bottom:50px;}
#page02 h2 { width:800px; height:44px; background:url(../images/page_bg_03.gif) no-repeat; margin:0 auto;}
#page02 h2 p.h2P { font-size:90%; padding:14px 0 0 0;}
#page02 h3 { width:700px; margin:0 auto;}
#page02 h3 p.h3P { font-size:100%; padding-top:20px;}
#page02 .pb20 { padding-bottom:20px;}
#page02 .block { width:800px; background-color:#eae5e0; color:#231815; padding:30px 0 50px 0; margin:30px auto 0 auto;}
#page02 .block img { margin-top:10px;}
#page02 .block p { font-size:80%; line-height:1.5; text-align:left;}
#page02 .block p.text { font-size:78%; padding:0 50px 20px 50px;}
#page02 .block p.textEnd { font-size:78%; padding:0 50px;}
#page02 .block p.midashi1 { font-weight:bold; padding:30px 50px 10px 50px;}
#page02 .block p.midashi2 { font-weight:bold; padding:10px 50px 5px 50px;}
#page02 table { width:700px; margin:0 auto;}
#page02 th,
#page02 td { vertical-align:top; padding:20px 0 15px 0;}
#page02 th { width:150px; font-weight:normal;}
#page02 td { width:550px;}
#page02 td.line { width:700px; height:2px; font-size:0; padding:0;}
#page02 a:link { color:#231815; text-decoration:none;}
#page02 a:visited { color:#231815; text-decoration:none;}
#page02 a:hover { color:#ea5504; text-decoration:none;}
#page02 a:active { color:#ea5504; text-decoration:none;}



/* clearfix
--------------------------------------------------*/
#header .container:after,
#header .container #gm ul:after,
#topContents ul:after,
#archive01 .h3Box:after,
#archive01 .item ul:after,
#single01 .item:after,
#single01 .photo #subImage ul:after,
#archive02 #pageNavi:after,
#single02 #pageNavi:after,
#archive03 .block:after,
#single03 .shop:after,
#single03 .photo #subImage ul:after,
#page01 .block1:after,
#page01 .block2:after,
#footer .container:after,
#footer .container #osusume .photo ul:after,
#footer .container #osusume .text:after {
	content:".";
	display:block;
	clear:both;
	font-size:0;
	line-height:1;
	height:0;
	visibility:hidden;
}

/* --- IE6&7 --- */
#header .container,
#header .container #gm ul,
#topContents ul,
#archive01 .h3Box,
#archive01 .item ul,
#single01 .item,
#single01 .photo #subImage ul,
#archive02 #pageNavi,
#single02 #pageNavi,
#archive03 .block,
#single03 .shop,
#single03 .photo #subImage ul,
#page01 .block1,
#page01 .block2,
#footer .container,
#footer .container #osusume .photo ul,
#footer .container #osusume .text {
	zoom:1;
}
